@@include('../00.global/include-header.html')
     
  <body class="page">
  
  
          
    @@include('../00.global/include-loader.html')
    
    

  
   
    <div class="wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="header-area transition">
            
             <div class="header-container transition">
                 <div class="container">
                 
                        @@include('../00.global/include-brand.html')
                        
                        @@include('../00.global/include-menu.html')
                        
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="clear"></div>
             </div>
        
        </header>
        <div class="header-inner auto-height"></div>
      
      
     
        <!-- Title
        ====================================================== -->
        <section class="space-sm">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Full Screen Slider</h2>
							<p>You need add an attribute <code>data-slider-bg</code> to <code>.item</code>. Simultaneously, use the <code>.fullscreen</code> class on your <code>.custom-primary-flexslider</code> div </p>
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     
     
       <!-- Slideshow
        ====================================================== -->
        <div class="custom-theme-flexslider custom-primary-flexslider fullscreen" 
             data-draggable="true" 
             data-mynavthumbs="false"
             data-mycontrols="false"
             data-myshow="false"
             data-mycounttotal="false"
             data-mycountcur="false"
             data-myparallax="false"
             data-wheel="false"
             data-speed="600" 
             data-timing="10000" 
             data-loop="false" 
             data-paging="true" 
             data-arrows="true" 
             data-animation="slide" 
             data-auto="true" 
			 data-prev="<i class='fa fa-chevron-left custom-primary-flexslider-prev'></i>" 
             data-next="<i class='fa fa-chevron-right custom-primary-flexslider-next'></i>">
           
            <div class="custom-theme-slides">

                <div class="item" data-slider-bg="assets-demo/images/slide-1.jpg">
                    <img src="assets-demo/images/slide-1.jpg" alt="Title 1" />
                    
                    <div class="slides-info">
                    
                        <div class="container t-c">
                                <div class="row">
                                    <div class="col-md-8 col-md-offset-2">
                                        <h2 class="level level-1">Beautiful Free &amp; Premium Responsive WordPress Themes</h2>
                                        <p class="h5 font-normal level level-2">Uix Responsive Web UI Frameworks</p>
    
                                    </div>
                                </div>
                                <!-- .row end -->
                        </div>


                    </div>
                    <!-- .slides-info  end -->   
                    
                </div>
                
                <div class="item" data-slider-bg="assets-demo/images/slide-2.jpg">
                    <img src="assets-demo/images/slide-2.jpg" alt="Title 2" />
                    
                    <div class="slides-info">
                    
                        <div class="container t-c">
                                <div class="row">
                                    <div class="col-md-8 col-md-offset-2">
                                    
                                        <h2 class="level level-1">Hello World</h2>
                                        <p class="h5 font-normal level level-2">UIUX Lab carefully crafts original design assets and publishes articles about UI/UX trends!</p>
                                        <a class="button button-hover button-border-medium button-size-s level level-3" href="#">View Demo</a>
    
                                 
                                    </div>
                                </div>
                                <!-- .row end -->
                        </div>


                    </div>
                    <!-- .slides-info  end -->
                     
                </div>
                
                
                <div class="item" data-slider-bg="assets-demo/images/slide-3.jpg">
                    <img src="assets-demo/images/slide-3.jpg" alt="Title 3" />
                    
                    <div class="slides-info">
                    
                        <div class="container t-c">
                                <div class="row">
                                    <div class="col-md-8 col-md-offset-2">
                                    
                                        <h2 class="level level-1">Title 3</h2>
                                        <p class="h5 font-normal level level-2">UIUX Lab carefully crafts original design assets and publishes articles about UI/UX trends!</p>
                                        <a class="button button-hover button-border-medium button-size-s level level-3" href="#">View Demo</a>
    
                                 
                                    </div>
                                </div>
                                <!-- .row end -->
                        </div>


                    </div>
                    <!-- .slides-info  end --> 
                    
                </div>
    

            </div>
            <!-- .custom-theme-slides end -->
        </div>
        <!-- .custom-theme-flexslider end -->

          
                                          
                                
        @@include('../00.global/include-copyright.html')
        
        
    </div>
    <!-- .wrapper end -->
       
       
    @@include('../00.global/include-footer.html')

